<div class="flex flex-wrap justify-center gap-4 mb-12">
  <button class="px-6 py-2 rounded-full bg-primary text-white product-filter" data-category="all">全部产品</button>
  <button class="px-6 py-2 rounded-full bg-white hover:bg-gray-100 transition-colors product-filter" data-category="fruit">水果类</button>
  <button class="px-6 py-2 rounded-full bg-white hover:bg-gray-100 transition-colors product-filter" data-category="vegetable">蔬菜类</button>
  <button class="px-6 py-2 rounded-full bg-white hover:bg-gray-100 transition-colors product-filter" data-category="special">特种作物</button>
</div>